<template>
	<!-- #ifdef MP-WEIXIN -->
	<view class="customer-service-suspension u-flex-center">
		<button class="customer-button" openType="contact" plain>
			<image :src="$getImageUrl('/user_client/static/icons/customer-service.png')" class="image"></image>
		</button>
	</view>
	<!-- #endif -->
	<!-- #ifdef H5||APP-PLUS -->
	<view class="customer-service-suspension u-flex-center" @click="customerService()">
		<image :src="$getImageUrl('/user_client/static/icons/customer-service.png')" class="image"></image>
	</view>
	<!-- #endif -->
</template>
<script>
	export default {
		name: "picker",
		data() {
			return {};
		},
		// 此处定义传入的参数
		props: {
			// 显示/隐藏
			show: {
				type: Boolean,
				default: (() => {
					return true;
				})
			},
		},
		created() {},
		mounted() {},
		methods: {
			customerService() {
				if (!this.$isLogin()) {
					this.$toLogin();
					return;
				}
				this.$customerService()
			}
		},
	}
</script>
<style lang="scss" scoped>
	.customer-service-suspension {
		/* #ifdef H5||APP-PLUS */
		padding: 16rpx 18rpx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		box-shadow: 0rpx 4rpx 29rpx 0rpx rgba(93, 93, 93, 0.2);
		border-radius: 50%;
		/* #endif */
		position: fixed;
		z-index: 99;
		bottom: 400rpx;
		right: 26rpx;

		.customer-button {
			padding: 16rpx 18rpx;
			box-sizing: border-box;
			border: 0;
			background-color: #FFFFFF;
			box-shadow: 0rpx 4rpx 29rpx 0rpx rgba(93, 93, 93, 0.2);
			border-radius: 50%;
		}

		.image {
			width: 50rpx;
			height: 50rpx;
			display: block;
		}
	}
</style>